<template>
	<div class="page-404-vue error-page">
		<div :style="'background-image: url('+$publicPath+'static/404.png);'" ></div>
		<p>您访问的页面不存在~~</p>
	</div>
</template>

<script>
export default {
	data() {
		return {

		}
	}
}
</script>

<style lang='less'>
	.page-404-vue {

	}
	.error-page {
		height: calc(~"100vh - 60px -100px");
		text-align: center;
		.background-image {
		    height: 35vh;
			background-size: contain;
			background-repeat: no-repeat;
			background-position: center;
			margin: 18vh auto 50px;
		}
		p {
			font-size: 22px;
			color: #3788ee;
			margin-bottom: 20vh;
		}
	}
</style>